<template>
	<view class='container'>
	  <view class='img'><image src='/static/index_01.png'></image></view> 
	  <view class='login_input'>
		<view class='login_li'>
		  <text class='iconfont icon-ren'></text>
		  <input placeholder='请输入账号' placeholder-class='input'></input>
		</view>
		<view class='login_li'>
		  <text class='iconfont icon-quanxianguanlisuozi'></text>
		  <input type='password' placeholder='请输入账号' placeholder-class='input'></input>
		</view>
		<button class='login_button' @tap="login_poss">登录</button>
		<button class='stay_button' @tap="start_stay">我要入驻</button>
	  </view>
	</view> 
</template>

<script>
	export default {
		data() {
			return {
				logo: true
			}
		},
		onLoad() {

		},
		methods: {
			//入住页面
			start_stay(){
				uni.navigateTo({
					url: '../staty/staty'
				});
			},
			//登录页面
			login_poss(){
				uni.redirectTo({
					url: '../index/index'
				});
			}
		}
	}
</script>

<style>
	.img{
	  width: 165upx;
	  height: 165upx;
	  margin: 110upx auto;
	  border-radius: 100%;
	  box-shadow:1upx 1upx 10upx #aeaeae;
	  padding: 18upx;
	  box-sizing: border-box;
	}
	.img image{
	  width: 100%;
	  height: 100%;
	}
	.login_input{
	  padding: 0 60upx;
	}
	.login_li{
	  display: flex;
	  text-align: center;
	  border: 1upx solid #c9c9c9;
	  border-radius: 10upx;
	  line-height: 50upx;
	  padding: 15upx 10upx;
	  margin-bottom: 50upx
	}
	.login_li text{
	  border-right: 1upx solid #c9c9c9;
	  font-size:50upx;
	  padding-right: 10upx;
	  color: #dfdfdf
	}
	.login_li input{
	  line-height:50upx;
	  height:50upx;
	  font-size:30upx;
	  color:#999999;
	  padding-left:10px;
	  width:100%;
	  text-align:left;
	}
	.login_button{
	  background: #108ec9;
	  color: #fff;
	  font-size: 32upx;
	  line-height: 85upx;
	  height: 85upx;
	  padding: 0;
	  box-sizing: border-box;
	 
	}
	.stay_button{
	  border-color: none;
	  background: #fff;
	  font-size: 26upx;
	  line-height: 85upx;
	  height: 85upx;
	  color: #108ec9;
	  font-weight: 600;
	}
</style>
